<!-- 美图秀秀 上传头像接口 -->
<script src="http://open.web.meitu.com/sources/xiuxiu.js" type="text/javascript"></script>
<script type="text/javascript">
window.onload=function(){
  /*第1个参数是加载编辑器div容器，第2个参数是编辑器类型，第3个参数是div容器宽，第4个参数是div容器高*/
  xiuxiu.embedSWF("xiuxiufase",5,"600","400");
  //修改为您自己的图片上传接口
  pathimg = "http://{$_SERVER['HTTP_HOST']}{:U('home/user/img')}";
  //alert(pathimg);
  xiuxiu.setUploadURL(pathimg);
  xiuxiu.setUploadType(2);
  xiuxiu.setUploadDataFieldName("upload_file");
  xiuxiu.onInit = function ()
  {
    xiuxiu.loadPhoto("http://{$_SERVER['HTTP_HOST']}__ROOT__{$userinfo['face']}");//修改为要处理的图片url
  }
  xiuxiu.onUploadResponse = function (data)
  {
    //alert("上传响应" + data); 可以开启调试
    if (data=='0') {
        layer.msg('更新失败' ,{icon:5});
    }else {
        layer.msg('更新成功' ,{icon:5});
        path = "__ROOT__"+data;
        $('.face').attr('src',path);
    }
  }
}
</script>


<div class="main fly-user-main layui-clear">
    <!-- 用户中心头部引入 -->
    <include file="Public:userHeader" />


    <div class="site-tree-mobile layui-hide">
        <i class="layui-icon">
            &#xe602;
        </i>
    </div>
    <div class="site-mobile-shade">
    </div>
    <div class="layui-tab layui-tab-brief" lay-filter="user">
        <ul class="layui-tab-title" id="LAY_mine">
            <li class="layui-this" hash="info">
                我的资料
            </li>
            <li hash="avatar">
                头像
            </li>
            <li hash="pass">
                密码
            </li>
            <li hash="bind">
                帐号绑定
            </li>
        </ul>
        <div class="layui-tab-content" style="padding: 20px 0;">
            <div class="layui-form layui-form-pane layui-tab-item layui-show">
                <form method="post">
                    <div class="layui-form-item">
                        <label for="L_email" class="layui-form-label">
                            邮箱
                        </label>
                        <div class="layui-input-inline">
                            <input type="text" id="L_email" name="email" required lay-verify="email"
                            autocomplete="off" value="{$userinfo['email']}" class="layui-input">
                        </div>
                        <div class="layui-form-mid layui-word-aux">
                            如果您在邮箱已激活的情况下，变更了邮箱，需
                            <a href="{:U('home/user/myemail')}" style="font-size: 12px; color: #4f99cf;">
                                重新验证邮箱
                            </a>
                            。
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="L_username" class="layui-form-label">
                            昵称
                        </label>
                        <div class="layui-input-inline">
                            <input type="text" id="L_username" name="username" required lay-verify="required"
                            autocomplete="off" value="{$userinfo['username']}" class="layui-input">
                        </div>
                        <div class="layui-inline">
                            <div class="layui-input-inline">
                            <?php if ($userinfo['sex'] == '男') { ?>
                                <input type="radio" name="sex" value="男" checked title="男">
                                <input type="radio" name="sex" value="女" title="女">
                            <?php } else if ($userinfo['sex'] == '女') { ?>
                                <input type="radio" name="sex" value="男"  title="男">
                                <input type="radio" name="sex" value="女" checked title="女">
                           <?php } ?>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="L_city" class="layui-form-label">
                            城市
                        </label>
                        <div class="layui-input-inline">
                            <input type="text" id="L_city" name="city" autocomplete="off" value="{$userinfo['city']}"
                            class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item layui-form-text">
                        <label for="L_sign" class="layui-form-label">
                            签名
                        </label>
                        <div class="layui-input-block">
                            <textarea placeholder="随便写" id="L_sign" name="sign" autocomplete="off"
                            class="layui-textarea" style="height: 80px;">{$userinfo['sign']}
                            </textarea>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <button class="layui-btn" key="set-mine" lay-filter="edit" lay-submit>
                            确认修改
                        </button>
                    </div>
                </form>
            </div>
            <!-- 原始头像上传 -->
            <!--<div class="layui-form layui-form-pane layui-tab-item">
                <div class="layui-form-item">
                    <div class="avatar-add">
                        <p>
                            建议尺寸168*168，支持jpg、png、gif，最大不能超过30KB
                        </p>
                        <form method="post" action="{:U('home/user/img')}" enctype="multipart/form-data">
                        <div class="upload-img">
                            <input type="file" name="file" lay-title="上传头像">
                            <input type="submit" value="上 传 头 像">
                        </div>
                        </form>
                        <img src="__ROOT__/Uploads/{$userinfo['face']}">
                        <span class="loading">
                        </span>
                    </div>
                </div>
            </div> -->
            <!-- 美图秀秀上传容器 -->
            <div class="layui-form layui-form-pane layui-tab-item">
                <div id="xiuxiufase"></div>
            </div>

            <div class="layui-form layui-form-pane layui-tab-item">
                <form method="post">
                    <div class="layui-form-item">
                        <label for="L_nowpass" class="layui-form-label">
                            当前密码
                        </label>
                        <div class="layui-input-inline">
                            <input type="password" id="L_nowpass" name="nowpass" required lay-verify="required"
                            autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="L_pass" class="layui-form-label">
                            新密码
                        </label>
                        <div class="layui-input-inline">
                            <input type="password" id="L_pass" name="pass" required lay-verify="required"
                            autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-form-mid layui-word-aux">
                            6到16个字符
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="L_repass" class="layui-form-label">
                            确认密码
                        </label>
                        <div class="layui-input-inline">
                            <input type="password" id="L_repass" name="repass" required lay-verify="required"
                            autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <button class="layui-btn" key="set-mine" lay-filter="pass" lay-submit>
                            确认修改
                        </button>
                    </div>
                </form>
            </div>
            <div class="layui-form layui-form-pane layui-tab-item">
                <ul class="app-bind">
                    <li class="fly-msg  ">
                        <i class="iconfont icon-qq">
                        </i>
                    <?php if (!empty($userinfo['email'])) { ?>
                            <span>
                                已成功绑定,即可使用QQ帐号登录Fly社区,当然,你也可以
                            </span>
                            <a href="{:U('home/user/remove_activate',array('id'=>$_SESSION['id']))}" onclick="layer.msg('正在解除绑定微博QQ', {icon:5, shade: 0.1, time:0})"
                            class="acc-bind" type="qq_id">
                                解除绑定
                            </a>   
                    <?php } else { ?>   
                            <a href="{:U('home/user/myset')}" onclick="layer.msg('正在绑定微博QQ', {icon:5, shade: 0.1, time:0})"
                            class="acc-bind" type="qq_id">
                                立即绑定
                            </a>
                            <span>
                                ，即可使用QQ帐号登录Fly社区
                            </span> 
                    <?php }?> 

                    </li>
                    <li class="fly-msg ">
                        <i class="iconfont icon-weibo">
                        </i>
                        <a href="http://fly.layui.com:8098/app/weibo/" class="acc-weibo" type="weibo_id"
                        onclick="layer.msg('正在绑定微博', {icon:16, shade: 0.1, time:0})">
                            立即绑定
                        </a>
                        <span>
                            ，即可使用微博帐号登录Fly社区
                        </span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<script>
    layui.use(['form','layer', 'layedit' ,'laypage', 'element','upload'], function(){
      var layer = layui.layer
      ,laypage = layui.laypage
      ,layedit = layui.layedit
      ,element = layui.element()
      ,upload = layui.upload
      ,form = layui.form();

  //创建一个编辑器
  var editIndex = layedit.build('L_sign');
  //alert(editIndex);
      
    //资料更新交互
    form.on('submit(edit)', function(data){
        data.field.sign=layedit.getContent(editIndex);
        console.log(data);
        $.ajax({
            url: "{:U('home/user/edit')}",//请求地址
            type: "post",//请求方式
            dataType: "json",//返回数据类型
            data: data.field,//发送的参数
            })
            .done(function(response) {
                  if(response.error==0){
                     layer.msg(response.info ,{icon:5});
                  }else{
                     layer.msg(response.info ,{icon:5});
                     location.href = "{:U('home/user/myset')}"
                  }
              })
            .fail(function() {
                alert("ajxs交互失败");
            })  
          return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        });  

    //密码更新交互
    form.on('submit(pass)', function(data){
        console.log(data);
        $.ajax({
            url: "{:U('home/user/pass')}",//请求地址
            type: "post",//请求方式
            dataType: "json",//返回数据类型
            data: data.field,//发送的参数
            })
            .done(function(response) {
                  if(response.error==0){
                     layer.msg(response.info ,{icon:5});
                  }else{
                     layer.msg(response.info ,{icon:5});
                  }
              })
            .fail(function() {
                alert("ajxs交互失败");
            })  
          return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        });


    });
</script>

